<template>
  <a-modal
    title="自定义审批"
    :width="800"
    :ok="false"
    :visible="visible"
    :confirmLoading="confirmLoading"
    :okButtonProps="{ props: { disabled: disableSubmit } }"
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭"
  >
    <a-spin :spinning="confirmLoading">
      <j-select-user-by-dep :multi="false" v-model="assignee" />

      <!-- <a-form-model-item
          :labelCol="labelCol"
          :wrapperCol="wrapperCol"
          label="审批人员"
          prop="assignee"
        >
          <j-select-sing-user
            :multiple="false"
            v-model="model.assignee"
            valueKey="id"
          ></j-select-sing-user>
        </a-form-model-item> -->
    </a-spin>
  </a-modal>
</template>

<script>
import { httpAction } from "@/api/manage";
import { queryIdTree } from "@/api/api";
// import pick from 'lodash.pick'
import ATextarea from "ant-design-vue/es/input/TextArea";
export default {
  name: "SysDepartModal",
  components: { ATextarea },
  data() {
    return {
      text: "id",
      departTree: [],
      orgTypeData: [],
      phoneWarning: "",
      departName: "",
      title: "自定义审批节点",
      seen: false,
      visible: false,
      condition: true,
      disableSubmit: false,
      model: { assignee: "" },
      selUserForm: this.$form.createForm(this),
      // assignee:null,
      // model: { userIds:'',},
      defaultModel: {
        departOrder: 0,
        orgCategory: "1",
      },
      menuhidden: false,
      menuusing: true,
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },

      confirmLoading: false,
      validatorRules: {
        assignee: [{ required: true, message: "请选择审批人员" }],
      },

      dictDisabled: true,
    };
  },
  created() {},
  methods: {
    loadTreeData() {
      var that = this;
      queryIdTree().then((res) => {
        if (res.success) {
          that.departTree = [];
          for (let i = 0; i < res.result.length; i++) {
            let temp = res.result[i];
            that.departTree.push(temp);
          }
        }
      });
    },
    add(depart) {
      if (depart) {
        this.seen = false;
        this.dictDisabled = false;
      } else {
        this.seen = true;
        this.dictDisabled = true;
      }
      this.edit(depart);
    },
    edit(record) {
      this.visible = true;
      // this.model = Object.assign({}, this.defaultModel, record);
      // this.loadTreeData();
      // this.model.parentId = record != null ? record.toString() : null;
      // if (this.seen) {
      //   this.model.orgCategory = "1";
      // } else {
      //   this.model.orgCategory = "2";
      // }
    },
    close() {
      this.$emit("close");
      this.disableSubmit = false;
      this.visible = false;
      this.$refs.form.resetFields();
    },
    handleOk() {
      const that = this;
      if (this.assignee) {
        that.$emit("ok");
        that.close();
      } else {
        this.$message.error("请选择审批人");
      }
      // console.log(this.model.directorUserIds)

      //  that.close();
      //   that.$emit('ok',);

      // 触发表单验证
      // const that = this;

      // this.$refs.form.validate((valid) => {
      //   if (valid) {
      //     that.$emit("ok");
      //     that.close();
      //     // httpAction(this.url.add,this.model,"post").then((res)=>{
      //     //   if(res.success){
      //     //     that.$message.success(res.message);
      //     //     that.loadTreeData();
      //     //     that.$emit('ok');
      //     //   }else{
      //     //     that.$message.warning(res.message);
      //     //   }
      //     // }).finally(() => {
      //     //   that.confirmLoading = false;

      //     // })
      //   } else {
      //     return false;
      //   }
      // });
    },
    handleCancel() {
      this.close();
    },
    validateMobile(rule, value, callback) {
      if (
        !value ||
        new RegExp(
          /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/
        ).test(value)
      ) {
        callback();
      } else {
        callback("您的手机号码格式不正确!");
      }
    },
  },
};
</script>

<style scoped>
</style>